<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生登录</title>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<style>
    .middle{
        position: relative;
        top: 50%;
        transform: translateY(-90%);
    }

</style>
<body>
<!-- 修改密码 -->
<div class="modal fade" id="pwdModal" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="staticBackdropLabel">首次登陆需要修改密码</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <!-- 学号 -->
          <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text" id="basic-addon1">学号</span>
            </div>
            <input type="text" id="pwdStuid" class="form-control" aria-label="Username" aria-describedby="basic-addon1">
          </div>
          <!-- 当前密码 -->
          <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text" id="basic-addon1">密码</span>
            </div>
            <input type="password" id="editPwd" class="form-control" placeholder="请输入当前密码" aria-label="Username" aria-describedby="basic-addon1">
          </div>
          <!-- 新密码 -->
          <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text" id="basic-addon1">新密码</span>
            </div>
            <input type="password" id="newPwd" class="form-control" placeholder="请输入新密码" aria-label="Username" aria-describedby="basic-addon1">
          </div>
          <!-- 确认新密码 -->
          <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text" id="basic-addon1">确认新密码</span>
            </div>
            <input type="password" id="newPwd2" class="form-control" placeholder="请确认新密码" aria-label="Username" aria-describedby="basic-addon1">
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
          <button type="button" id="saveEditPwd" class="btn btn-primary">确认</button>
        </div>
      </div>
    </div>
  </div>


    <div class="vh-100">




        <form class='w-50 m-auto middle'>
            <div class="form-group">
            <label for="loginUser">学号</label>
            <input type="text"  class="form-control" id="loginUser" aria-describedby="emailHelp">
            <!-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> -->
            </div>
            <div class="form-group">
            <label for="loginPasswd">密码</label>
            <input type="password" class="form-control" id="loginPasswd">
            </div>
            <div class="form-group form-check">
            <!-- <input type="checkbox" class="form-check-input" id="exampleCheck1"> -->
            <!-- <label class="form-check-label" for="exampleCheck1">保存到本地</label> -->
            </div>
            <span id="loginBtn" class="btn btn-primary float-right">登录</span>
        </form>
    </div>



    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    <script src="/js/axios.min.js"></script>
    <script src="/js/login.js"></script>
</body>
</html>
